<template>
    <el-row gutter="4" v-for="a in card" :key="a" style="margin: 40px">
      <el-col :span="24">
        <el-card :body-style="{ padding: '40px' }">
          <img
              :src="a.imgSrc"
              class="image"
          />
          <div style="padding: 14px">
            <span>{{a.text}}</span>
          </div>
        </el-card>
        <br>
      </el-col>
    </el-row>

</template>

<script>
export default {
  name: "Learning",
  data(){
    return {
      card:[
        {
          text:'作业',
          imgSrc:'https://s1.chu0.com/src/img/png/49/4909e7e598c1432292afff4ef9fe9e41.png?imageMogr2/auto-orient/thumbnail/!237x237r/gravity/Center/crop/237x237/quality/85/&e=1735488000&token=1srnZGLKZ0Aqlz6dk7yF4SkiYf4eP-YrEOdM1sob:lyNHzzylwLwACs8Ne4OT9mlGvQQ='
        },
        {
          text:'考试',
          imgSrc:'https://s1.aigei.com/src/img/png/c0/c061e5e29536462fa45a269c7b56a311.png?imageMogr2/auto-orient/thumbnail/!237x237r/gravity/Center/crop/237x237/quality/85/&e=1735488000&token=P7S2Xpzfz11vAkASLTkfHN7Fw-oOZBecqeJaxypL:dBPFkAUSdEpp1On9sC0Lc9AEP9E='
        }
      ]
    }
  }
}
</script>

<style scoped>
.image {
  width: 100%;
  display: block;
}
</style>